<template>
  <n-card title="">
    <n-space vertical>
      <n-descriptions label-placement="left" title="个人信息" :column="2">
        <n-descriptions-item label="工号">123xxx</n-descriptions-item>
        <n-descriptions-item label="部门">项目部</n-descriptions-item>
        <n-descriptions-item label="姓名">{{ userInfo.name }}</n-descriptions-item>
        <n-descriptions-item label="性别">男</n-descriptions-item>
        <n-descriptions-item label="电话">1598546xxxx</n-descriptions-item>
        <n-descriptions-item label="邮箱">136@xx.com</n-descriptions-item>
        <n-descriptions-item label="备注"></n-descriptions-item>
      </n-descriptions>
    </n-space>
  </n-card>
</template>
<script lang="ts" setup>
  import { NDescriptions, NDescriptionsItem, NCard, NSpace } from 'naive-ui'
  import { ref } from 'vue'
  const userInfo = ref({
    name: '张三'
  })
</script>
<style lang="less" scoped></style>
